<template>
	<div class="documentPage">
		<el-row :gutter="10">
			<el-col :span='24'>
				<div class="shs_content">
					<div class="shs_header">
						<i  @click="handledGoBack" class="el-icon-arrow-left font24 cursor-pointer"></i>
						<p>我的证件</p>
					</div>
					<div class="shs_body">
						<ul>
							<li>1</li>
							<li>2</li>
						</ul>
					</div>
				</div>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {
		name: "documentPage",
		props: {
			userInfo: {
				type: Object,
				defualt: () => {
					return {}
				}
			}
		},
		data() {
			return {

			}
		},
		methods:{
			handledGoBack(){
				this.$router.push("/home")
			}
		}
		

	}
</script>

<style scoped >
	.documentPage{
		
	}
	.shs_content{
	}
	.shs_header{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-weight: 500;
	}
	.shs_body{
		height: 100px;
		padding: 8px;
		margin-top: 7px;
	}
	.shs_body ul{
		list-style: none;
		padding: 0;
		margin: 0;
		background-color:#fff;
	}
	.shs_body ul li{
		border-radius: 7px;
		background-color:#ccc;
		margin-top: 10px;
		height: 100px;
	}
	
</style>